import React from 'react'
import Head from '../Header'
import {Outlet,useNavigate}from 'react-router-dom'
import Tabbar from '../tabbar/index'
export default function Index() {
  const navigate=useNavigate()
  return (
    <div>
      <Head></Head>
      <div style={{display:"flex",justifyContent:"space-around"}}>
        <div onClick={()=>{navigate('/home/shop')}}>商品</div>
        <div onClick={()=>{navigate('/home/pinglun')}}>评论</div>
        <div onClick={()=>{navigate('/home/shangjia')}}>商家</div>
      </div>
      <div><Outlet/></div>
      <div style={{position:'fixed',bottom:0,width:'100%'}}>
            <Tabbar></Tabbar>
        </div>
    </div>
  )
}
